<template>
  <div id="hang">
    <slot name="aa"></slot>
      <template v-for="(item,index) in search">
        
          <li :key="index" @click="bof(item.id)">
        <div class="bigbox">
          <div class="left">
              <div class="left-top">{{item.name}}</div>
               <div class="left-buttom">{{item.ar[0].name}} - {{item.name}}</div>
          </div>
          <div class="right">
              <i class="iconfont icon-bofang"> </i>
          </div>
      </div>
      </li>
      </template>

        <!-- <template v-for="item in search">
        <div class="bigbox">
        <div class="left">
          <p>搜索</p>

        </div>
  
      </div>
</template> -->
  </div>
</template>

<script>
export default {
props:["search"],
methods:{
  bof(id){
    this.$router.push({name:"bo", query:{id}})
  }
},
data:()=>{
    return{
        isBlock:true,
    }
},

}
</script>

<style lang="scss" scoped>
#hang{
  //  overflow: auto;
    .bigbox{
         width: _vw(750.66);
         height: _vw(120);
          border-bottom: 1px  solid rgba(235,236,236);
          display: flex;
          justify-content:space-between;
          align-items:center;
         
          .left{
                width: _vw(646.66);
                height: _vw(85);
                margin-left: _vw(30) ;
                // background-color:papayawhip;
            .left-top{
                font-size:_vw(34) ;
                 width: 100%;
                height: _vw(50);
                line-height:_vw(50);
                //   background-color:skyblue;
                  overflow: hidden;
            }
            .left-buttom{
                color:rgba(136,136,136);
                font-size:_vw(20) ;
                 width: 100%;
                height: _vw(36);
                line-height:_vw(36) ;
                overflow: hidden;
                //   background-color:yellow;
            }

          }
          .right{
              display:flex;
              justify-content: center;
              align-items: center;
              
               width: _vw(84);
                height: _vw(110.66);
                // background-color:skyblue;
                i{
                    font-size: _vw(50);
                    color:#c1c1c1;
                }
          }
    }
}

</style>